<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>图片滚动</title>
  <link rel="stylesheet" href="/css/index.css">
</head>
<body>
<div class="slider-wrap">
  <div class="slider">
    <ul>
      <li class="slider-item active"><a href=""><img src="/images/xiaoxin_img1.jpeg" alt=""></a></li>
      <li class="slider-item"><a href=""><img src="/images/xiaoxin_img2.jpeg" alt=""></a></li>
      <li class="slider-item"><a href=""><img src="/images/xiaoxin_img3.jpeg" alt=""></a></li>
      <li class="slider-item"><a href=""><img src="/images/xiaoxin_img4.jpeg" alt=""></a></li>
      <li class="slider-item"><a href=""><img src="/images/xiaoxin_img5.jpeg" alt=""></a></li>
      <li class="slider-item"><a href=""><img src="/images/xiaoxin_img6.jpeg" alt=""></a></li>
    </ul>
  </div>
  <div class="thumbs">
    <ul class="thumbs-list">
      <li class="thumb-item current"><a href="javascript:"><img src="/images/xiaoxin_img1.jpeg" alt=""></a></li>
      <li class="thumb-item"><a href="javascript:"><img src="/images/xiaoxin_img2.jpeg" alt=""></a></li>
      <li class="thumb-item"><a href="javascript:"><img src="/images/xiaoxin_img3.jpeg" alt=""></a></li>
      <li class="thumb-item"><a href="javascript:"><img src="/images/xiaoxin_img4.jpeg" alt=""></a></li>
      <li class="thumb-item"><a href="javascript:"><img src="/images/xiaoxin_img5.jpeg" alt=""></a></li>
      <li class="thumb-item"><a href="javascript:"><img src="/images/xiaoxin_img6.jpeg" alt=""></a></li>
    </ul>
  </div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="/js/index.js"></script>
</body>
</html>
